<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions">

<ui:composition template="/templates/template.xhtml">

	<ui:define name="content">
		<h:form id="formForo">
			<p:growl id="mensagens" sticky="true" />

			<p:panel id="painel" >
				<f:facet name="header">
					<div align="left"><h:outputText value="Foro" styleClass="tituloPainelInterno"/></div>
				</f:facet>
			
				<p:spacer height="2px" />
				
				<p:panel id="painelBusca" header="Pesquisar">
					<f:facet name="header">
						<div align="left"><h:outputText value="Pesquisar" styleClass="tituloPainelInterno"/></div>
					</f:facet>

					<h:outputText value="Foro " />
					<p:inputText value="#{foroFaces.nomeForo}" />
					<p:commandButton value="Buscar" actionListener="#{foroFaces.buscarForo()}" 
							update=":formForo:tabelaForo"
							icon="imgPesquisaBasica"
							/>
				</p:panel>
				
				<p:spacer height="2px" />
				
				<p:dataTable value="#{foroFaces.listaForo}" var="item" id="tabelaForo" 
						emptyMessage=" " >
					
					<f:facet name="header">
						<div align="left"><h:outputText value="Foros" styleClass="tituloPainelInternoComBotao"/></div>
						<div align="right">
            				<p:commandButton value="Novo" actionListener="#{foroFaces.prepararAdicionar()}"  
								title="Adicionar Foro" icon="imgAdicionar" update=":formForo:dialogForo"
							/>
						</div>
					</f:facet>
					
					<p:column headerText="Nome" >
						<h:outputText value="#{item.nome}" />
					</p:column>

					<p:column headerText="Estado" >
						<h:outputText value="#{item.estado}" />
					</p:column>

					<p:column headerText="Cidade" >
						<h:outputText value="#{item.cidade}" />
					</p:column>

					<p:column headerText="Bairro" >
						<h:outputText value="#{item.bairro}" />
					</p:column>

					<p:column headerText="Telefone" >
						<h:outputText value="#{item.telefone}" />
					</p:column>

					<p:column headerText="Contato" >
						<h:outputText value="#{item.contato}" />
					</p:column>

					<p:column headerText="Opções" width="5%">
							<p:commandLink styleClass="ui-icon ui-icon-pencil" 
									actionListener="#{foroFaces.selecionarRegistro(item.id, true)}"
									update=":formForo:dialogForo"
									title="Editar" style="float:left;"
									/>
	
							<p:commandLink styleClass="ui-icon ui-icon-close" 
									actionListener="#{foroFaces.selecionarRegistro(item.id, false)}"
									update=":formForo:dialogExcluir"
									title="Excluir" style="float:left;"
									/>
					</p:column>
					
				</p:dataTable>
				
			</p:panel>

			<p:dialog header="Campos Foro" widgetVar="dialogForo" id="dialogForo" 
					modal="true" resizable="false" closeOnEscape="true">
					
					<h:panelGrid columns="2">
						<h:outputText value="Nome" />
						<p:inputText value="#{foroFaces.foro.nome}"/>
						
						<h:outputText value="Estado" />
						<p:selectOneMenu value="#{foroFaces.idEstadoSelecionado}" >
							<f:selectItem itemLabel="Selecione ..." />
							<f:selectItems value="#{foroFaces.listaEstado}" var="estado"
								itemLabel="#{estado.nomeEstado}" itemValue="#{estado.id}"
							/>
							<p:ajax listener="#{foroFaces.popularComboCidade()}" update="listaCidade" />
						</p:selectOneMenu>

						<h:outputText value="Cidade" />
						<p:selectOneMenu value="#{foroFaces.idCidadeSelecionado}" id="listaCidade"
							 disabled="#{foroFaces.idEstadoSelecionado == null || foroFaces.idEstadoSelecionado == 0}">
							<f:selectItem itemLabel="Selecione ..." />
							<f:selectItems value="#{foroFaces.listaCidade}" var="cidade"
								itemLabel="#{cidade.nomeCidade}" itemValue="#{cidade.id}"
							/>
							<p:ajax listener="#{foroFaces.popularComboBairro()}" update="listaBairro" />
						</p:selectOneMenu>

						<h:outputText value="Bairro" />
						<p:selectOneMenu value="#{foroFaces.idBairroSelecionado}" id="listaBairro"
							 disabled="#{foroFaces.idCidadeSelecionado == null || foroFaces.idCidadeSelecionado == 0}">
							<f:selectItem itemLabel="Selecione ..." />
							<f:selectItems value="#{foroFaces.listaBairro}" var="bairro"
								itemLabel="#{bairro.nomeBairro}" itemValue="#{bairro.id}"
							/>
						</p:selectOneMenu>
						
						<h:outputText value="Comarca" />
						<p:selectOneMenu value="#{foroFaces.idComarcaSelecionado}" id="listaComarca">
							<f:selectItem itemLabel="Selecione ..." />
							<f:selectItems value="#{foroFaces.listaComarca}" var="comarca"
								itemLabel="#{comarca.numeroComarca}" itemValue="#{comarca.id}"
							/>
						</p:selectOneMenu>
						
						<h:outputText value="Instancia" />
						<p:selectOneMenu value="#{foroFaces.idInstanciaSelecionado}" id="listaInstancia">
							<f:selectItem itemLabel="Selecione ..." />
							<f:selectItems value="#{foroFaces.listaInstancia}" var="instancia"
								itemLabel="#{instancia.instancia}" itemValue="#{instancia.id}"
							/>
						</p:selectOneMenu>
						
						<h:outputText value="CEP" />
						<p:inputMask mask="99999-999" value="#{foroFaces.foro.cep}"/>
						
						<h:outputText value="Telefone" />
						<p:inputMask mask="(99)9?9999-9999" value="#{foroFaces.foro.telefone}"/>
						
						<h:outputText value="Fax" />
						<p:inputMask mask="(99)9999-9999" value="#{foroFaces.foro.fax}"/>
						
						<h:outputText value="E-mail" />
						<p:inputText value="#{foroFaces.foro.email}"/>
						
						<h:outputText value="Contato" />
						<p:inputText value="#{foroFaces.foro.contato}"/>
						
						
					<h:outputText value="" />
						<p:commandButton value="Adicionar" actionListener="#{foroFaces.adicionar()}" 
										title="Adicionar Foro" icon="imgAdicionar"
										update="mensagens :formForo:tabelaForo"
										rendered="#{foroFaces.foro.id == null}"
						/>
						
						<p:commandButton value="Salvar" actionListener="#{foroFaces.editar()}" 
										title="Editar Foro" icon="imgSalvar"
										update="mensagens :formForo:tabelaForo" 
										rendered="#{foroFaces.foro.id != null}"
						/>
					</h:panelGrid>
			</p:dialog>
			
			<p:dialog widgetVar="dialogExcluir" id="dialogExcluir" header="Confirmar Exclusão" 
					modal="true" resizable="false" closeOnEscape="true">
				<h:outputText value="Confirma a exclusão do Foro " /> 
				<br />
				<h:outputText value="#{foroFaces.foro.nome} ?" />
				<br />
				<p:commandButton value="Excluir" actionListener="#{foroFaces.remover()}" 
				update="mensagens :formForo:tabelaForo" />
			</p:dialog>

		</h:form>
	</ui:define>
</ui:composition>
</html>